$f:19.2;

html{
    font-size: 16/$f+vw;
    color:#000;
}
.f_14{
    font-size: 14/$f+vw;
}

.f_16{
    font-size: 16/$f+vw;
}

.f_18{
    font-size: 18/$f+vw;
}

.f_20{
    font-size: 20/$f+vw;
}

.f_22{
    font-size: 22/$f+vw;
}

.f_24{
    font-size: 24/$f+vw;
}

.f_26{
    font-size: 26/$f+vw;
}

.f_32{
    font-size: 32/$f+vw;
}

.f_34{
    font-size: 34/$f+vw;
}

.f_36{
    font-size: 36/$f+vw;
}

.f_38{
    font-size: 38/$f+vw;
}

.f_40{
    font-size: 40/$f+vw;
}

.f_48{
    font-size: 48/$f+vw;
}

.f_50{
    font-size: 50/$f+vw;
}


.f_56{
    font-size: 56/$f+vw;
}


.f_64{
    font-size: 64/$f+vw;
}


.f_76{
    font-size: 76/$f+vw;
}


.f_80{
    font-size: 80/$f+vw;
}


.f_96{
    font-size: 96/$f+vw;
}


.f_100{
    font-size: 100/$f+vw;
}

@media screen and (max-width: 1024px) {
    html{
        font-size: 14px;
    }
    .f_14{
        font-size: 14px;
    }
    
    .f_16{
        font-size: 14px;
    }
    
    .f_18{
        font-size: 16px;
    }
    
    .f_20{
        font-size: 18px;
    }
    
    .f_22{
        font-size: 18px;
    }
    
    .f_24{
        font-size: 18px;
    }
    
    .f_26{
        font-size: 18px;
    }
    
    .f_32{
        font-size: 20px;
    }

    .f_34{
        font-size: 20px;
    }

    .f_36{
        font-size: 20px;
    }

    .f_38{
        font-size: 22px;
    }

    .f_40{
        font-size: 22px;
    }
    
    .f_48{
        font-size: 24px;
    }
    
    .f_50{
        font-size: 25px;
    }
    
    
    .f_56{
        font-size: 28px;
    }
    
    
    .f_64{
        font-size: 30px;
    }

    .f_76{
        font-size: 34px;
    }
    
    
    .f_80{
        font-size:24px;
    }

    .f_96{
        font-size:32px;
    }
    
    
    
    .f_100{
        font-size: 32px;
    }
}